import React from 'react'
import './index.css'
import { Color } from './styled'
import "../../assets/iconfont.css"
export default function Index(props) {
  console.log(props.folder)
  return (
    <div className="compon">
      <div className="componHeader"></div>
      <div className="iconBox">
        <i className={props.folder}></i>
      </div>
      <div className="contentBox">
        <p className="contentText">{props.text ? props.text : "100"}</p>
        <Color ctColor="yellow">{props.num ? props.num : "100"}</Color>
      </div>
    </div>

  )

}
